/*
 * 动态计算table的高度
 * @Author: ljb
 * @Date: 2018-08-09 17:19:29
 * @Last Modified by: ljb
 * @Last Modified time: 2018-09-12 09:27:43
 */
export const computedTableHeight = {
	data() {
		return {

		};
	},
	created() {

	},
	methods: {
		/**
		 * 计算中间table的高度
		 * @param  {Number} index {当前表格类在页面中的index值}
		 * @return {Number} {计算得出table的高度}
		 */
		tableHeight(index) {
			const main_content = document.querySelector('.main-content');		// table顶部的搜索框
			const query_form = index ? document.querySelectorAll('form.ivu-form-inline')[index] : document.querySelector('form.ivu-form-inline');		// table顶部的搜索框
			const pagination = document.querySelector('ul.ivu-page');			// 分页器

			const main_height = main_content ? main_content.offsetHeight : 0;
			const query_height = query_form ? query_form.offsetHeight : 0;
			const pagination_height = pagination ? pagination.offsetHeight : 0;

			return (main_height - query_height - pagination_height - 88) || 0;		// 108是margin/padding/tab头/换行影响的高度
		},

		/**
		 * 处于tabPane里面的表格的最大高度
		 * @param  {Number} index {当前表格类在页面中的index值}
		 * @return {Number}} {计算得出table的高度}
		 */
		tabPaneTableHeight(index) {
			const tabPane = document.querySelector('.ivu-tabs-content');
			const query_form = index ? document.querySelectorAll('form.ivu-form-inline')[index] : document.querySelector('form.ivu-form-inline');		// table顶部的搜索框
			const pagination = document.querySelector('ul.ivu-page');			// 分页器

			const pane_height = tabPane ? tabPane.offsetHeight : 0;
			const query_height = query_form ? query_form.offsetHeight : 0;
			const pagination_height = pagination ? pagination.offsetHeight : 0;

			return (pane_height - query_height - pagination_height - 40) || 0; // 40是分页器上下外边距的距离
		},

	},
};
